<%@page import="pl.peterjack.model.Stale"%>
<%@page import="java.util.List"%>
<%@page import="pl.peterjack.model.dane.Klient"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<form action="/wystawFakture" id="wystawFaktureForm">
<div id="wystawFakturePanel" dojoType="dijit.layout.ContentPane" region="center" class="zawartoscPanela" >
                	
                	<span dojoType="dojo.data.ItemFileReadStore" jsId="storeKlienci"
						url="/dane/klient/lista"  urlPreventCache="true" clearOnClose="true">
					</span>
                	
                	<input type="hidden" name="istniejacy_klient" id="istniejacy_klient" value="0" />
                	
                	<div class="przyciskiLewo polowkaForm"> 
                		<fieldset>
                			<div class="czesc_form">
						      <label for="fKLient">Istniejący klient: </label>
						      <select dojoType="dijit.form.FilteringSelect" jsId="istniejacyKlient" name="klient" id="fKlient" >
							  		<option value="0" >Nowy klient</option>
							  		<% for(Klient k:(List<Klient>)request.getAttribute(Stale.ATRYBUT_KLIENCI_LISTA)) { %>
									<option value="<%= k.getId() %>"><%= k.getNazwa() %></option>
							  		<% } %>
							   </select> 
							  		
						    </div>
                			<div class="czesc_form">
						      <label for="fImie">Imię: </label>
						      <input onChange="autouzupelnianieNazwy(dijit.byId('fImie'), dijit.byId('fNazwisko'), dijit.byId('fNazwa'));"  type="text" name="imie" jsId="imieWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fImie" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="fNazwisko">Nazwisko: </label>
						      <input onChange="autouzupelnianieNazwy(dijit.byId('fImie'), dijit.byId('fNazwisko'), dijit.byId('fNazwa'));" type="text" name="nazwisko" jsId="nazwiskoWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fNazwisko" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="fAdres">Adres: </label>
						      <input type="text" name="adres" jsId="adresWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fAdres" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="fKodPocztowy">Kod pocztowy: </label>
						      <input type="text" name="kodPocztowy" jsId="kodPocztowyWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fKodPocztowy" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="dMiejscowosc">Miejscowość: </label>
						      <input type="text" name="miejscowosc" jsId="miejscowoscWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fMiejscowosc" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="fNIP">NIP: </label>
						      <input type="text" name="nip" jsId="nipWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fNip" propercase="true">
						    </div>
                		</fieldset>
                	
                	</div>
                	
                	<div class="przyciskiPrawo polowkaForm" >
                		<fieldset>
						    <div class="czesc_form">
						      <label for="fNazwa">Nazwa: </label>
						      <input type="text" name="nazwa" jsId="nazwaWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fNazwa" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="dTelefon">Telefon: </label>
						      <input type="text" name="telefon" jsId="telefonWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fTelefon" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="dEmail">E-mail: </label>
						      <input type="text" name="email" jsId="emailWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fEmail" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="fLogin">Login: </label>
						      <input type="text" name="login" jsId="loginWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fLogin" propercase="true">
						    </div>
                			<div class="czesc_form">
						      <label for="fHaslo">Hasło: </label>
						      <input type="text" name="haslo" jsId="hasloWystawFakture" value="" dojoType="dijit.form.TextBox" trim="true" id="fHaslo" propercase="true">
						    </div>
						    <div class="czesc_form">
						      <label for="fHaslo"> </label>
						      <button dojoType="dijit.form.Button" type="button" >
						      	Kliknij by wygenerowac
						      	<script type="dojo/method" event="onClick">
									dojo.byId('fHaslo').value = randomString();
									//hasloWystawFakture.value
								</script>	
						      </button>
						    </div>
                		</fieldset>
                	</div>
                	
                	
                	<div style="clear: both;"></div>
                	
                	<div class="calyForm">
	                	
                	</div>
                	
                	<span dojoType="dojo.data.ItemFileReadStore" jsId="storeProdukty"
						url="/dane/produkt/lista"  urlPreventCache="true" clearOnClose="true">
					</span>
                	
                	<span dojoType="dojo.data.ItemFileReadStore" jsId="storeUslugi"
						url="/dane/usluga/lista"  urlPreventCache="true" clearOnClose="true">
					</span>
                	
                	<div class="calyForm">
                		<input type="hidden" name="produktNowy" id="produktNowy" value="1"> 
                		<fieldset>
                		<legend>Wybierz produkty:</legend>
                			<div class="czesc_form">
						      <label for="fWyszukajProdukt">Nazwa: </label>
						      <div dojoType="dojo.data.ItemFileReadStore" jsId="produktyStore" url="http://dojotoolkit.org/reference-guide/_static/js//dijit/tests/_data/states.json"></div>
							  <input dojoType="dijit.form.FilteringSelect" value=""  jsId="wyborProduktWystawFakture"
							  		store="storeProdukty" searchAttr="nazwa" id="fWyszukajProdukt">
							  <button dojoType="dijit.form.Button" type="button" >
							  	Dodaj
							  	<script type="dojo/method" event="onClick" args="evt">
									var nowyProdukt = '<div class="dodawanaPozycja" id="dodawanyProduktDiv' + 
																		dojo.byId('liczbaProduktow').value  + '">';
									nowyProdukt += nazwaWystawFaktureProdukt.value; 
									nowyProdukt += ": ";
									nowyProdukt += cenaNettoWystawFaktureProdukt.value;
									nowyProdukt += " (";
									nowyProdukt += cenaBruttoWystawFaktureProdukt.value;
									nowyProdukt += ") - ilość: ";
									nowyProdukt += iloscWystawFaktureProdukt.value + " "; 
									nowyProdukt += '<a href="javascript:usunProdukt(' + dojo.byId('liczbaProduktow').value + '); ">Usuń</a> ';
									nowyProdukt += ' <input type="hidden" name="listaProduktNowy' + 
																		dojo.byId('liczbaProduktow').value + '" value="' + 
																		dojo.byId('produktNowy').value + '" /> ';
									nowyProdukt += ' <input type="hidden" name="listaProduktNazwa' + 
																		dojo.byId('liczbaProduktow').value + '" value="' + 
																		nazwaWystawFaktureProdukt.value + '" /> ';
									nowyProdukt += ' <input type="hidden" name="listaProduktCenaNetto' + 
																		dojo.byId('liczbaProduktow').value + '" value="' + 
																		cenaNettoWystawFaktureProdukt.value + '" /> ';
									nowyProdukt += ' <input type="hidden" name="listaProduktVat' + 
																		dojo.byId('liczbaProduktow').value + '" value="' + 
																		vatWystawFaktureProdukt.value + '" /> ';
									nowyProdukt += ' <input type="hidden" name="listaProduktCenaBrutto' + 
																		dojo.byId('liczbaProduktow').value + '" value="' + 
																		cenaBruttoWystawFaktureProdukt.value + '" /> ';
									nowyProdukt += ' <input type="hidden" name="listaProduktIlosc' + 
																		dojo.byId('liczbaProduktow').value + '" value="' + 
																		iloscWystawFaktureProdukt.value + '" /> ';
									nowyProdukt += "</div>";
									console.log(nowyProdukt); 
									dojo.byId('wystawFaktureKontenerProduktow').innerHTML=
										dojo.byId('wystawFaktureKontenerProduktow').innerHTML + nowyProdukt;
									dojo.byId('liczbaProduktow').value++;
								</script>
						  	  </button>
						      <button dojoType="dijit.form.Button" type="button" >
						      	Nowy produkt
						      	<script type="dojo/method" event="onClick" args="evt">
            						dojo.byId('produktNowy').value=0;
									nazwaWystawFaktureProdukt.set("value", "" );
									cenaNettoWystawFaktureProdukt.set("value", "" );
									vatWystawFaktureProdukt.set("value", "23" );
									cenaBruttoWystawFaktureProdukt.set("value", "" );
									iloscWystawFaktureProdukt.set("value", "1" );
            					</script>
					      	  </button>						    
						    </div>
						    
						    <div class="czesc_form">
						      <label for="dNazwaProdukt">Nazwa: </label>
						      <input type="text" name="nazwaProdukt" jsId="nazwaWystawFaktureProdukt" value="" 
						      		dojoType="dijit.form.TextBox" trim="true" id="dNazwaProdukt" propercase="true">
						    </div>
						    <div class="czesc_form">
						      <label for="dCenaNettoProdukt">Cena netto: </label>
						      <input type="text" name="cenaNettoProdukt" jsId="cenaNettoWystawFaktureProdukt" value="" 
						      		dojoType="dijit.form.TextBox" trim="true" id="dCenaNettoProdukt" propercase="true">
						    </div>
						    <div class="czesc_form">
						      <label for="dVatProdukt">Vat: </label>
						      <input type="text" name="vatProdukt" jsId="vatWystawFaktureProdukt" value="23" 
						      		dojoType="dijit.form.TextBox" trim="true" id="dVatProdukt" propercase="true"> %
						    </div>
						    <div class="czesc_form">
						      <label for="dCenaBruttoProdukt">Cena brutto: </label>
						      <input type="text" name="cenaBruttoProdukt" jsId="cenaBruttoWystawFaktureProdukt" value="" 
						      		dojoType="dijit.form.TextBox" trim="true" id="dCenaBruttoProdukt" propercase="true">
						    </div>
						    <div class="czesc_form">
						      <label for="dIloscProdukt">Ilość: </label>
						      <input type="text" name="iloscProdukt" jsId="iloscWystawFaktureProdukt" value="1" 
						      		dojoType="dijit.form.TextBox" trim="true" id="dIloscProdukt" propercase="true">
						    </div>
						    
						    
                		</fieldset>
                	
                	</div>
                	
                	<div style="clear: both;"></div>
                	
                	<div class="calyForm">
	                	
                	</div>
                	
                	<div style="clear: both;"></div>
                	
                	<div class="przyciskiLewo polowkaForm">
                		<fieldset> 
	                		<h3>Lista produktów:</h3> 
	                		<input type="hidden" name="liczbaProduktow" id="liczbaProduktow" value="0">
	                		
	                		<div id="wystawFaktureKontenerProduktow">
	                			
	                		</div>
                		</fieldset> 
                	</div>
                	
                	<div class="przyciskiPrawo polowkaForm">
                		<fieldset> 
	                		<h3>Lista usług:</h3> 
	                		<input type="hidden" name="liczbaUslug" id="liczbaUslug" value="0">
	                		
	                		<div id="wystawFaktureKontenerUslug">
	                			
	                		</div> 
                		</fieldset>
                	</div>
                	
                	<div style="clear: both;"></div>
                	
                	<div class="calyForm">
	                	<button type="submit"  dojoType="dijit.form.Button">
	                		Wystaw fakturę
	                	</button>
	                	
	                	<button dojoType="dijit.form.Button" type="button">
	                		Wyczyść formularz
	                		<script type="dojo/method" event="onClick" args="evt">
								document.location.href = '/main.html?page=wystawFakture'; 
							</script>
	                	</button>
	                	<span id="komunikaty_wystawienie_faktury"> </span>
                	</div>
                	
                </div>
</form>